Muy bien pensado para que sea fácil de gestionar. También podríais tener todo en un objeto para tener solo una key en localStorage pero si os era más sencillo de gestionar así genial.

En este caso se ha dejado el prop comentado y si probamos de marca un todo como completado desde esta página fallará porque el prop handleChecked será ejecutado como función pero será undefined.

TypeError: handleChecked is not a function
onsetHandlecompleted
src/components/CompletedButton/CompletedButton.js:13
  10 |   handleAddToActive,
  11 | }) {
  12 |   function onsetHandlecompleted() {
> 13 |     handleChecked(id);
  14 |     handleAddToComplete(id);
  15 |     handleAddToActive(id);
  16 |   }
View compiled

En este caso el Fragment no es necesario ya que el input no tiene elementos mostrados al mismo nivel.

Los saltos de línea deberían ser más uniformes. Lo más común es tener un solo salto de línea entre cada bloque de CSS.

Muy buenos nombres de funciones, queda muy bien ordenado y claro 👏🏻👏🏻👏🏻

Esto se podría refactorizar a un ternary operator:

Además, podemos quitar también el Fragment ya que en este caso no es necesario.

{isEmpty ? (
  <NoTodos />
) : (
  activeTodos.map((todo) => (
    <TodosContainer
      key={todo.id}
      id={todo.id}
      name={todo.name}
      isComplete={todo.complete}
      handleRemove={handleRemove}
      handleChecked={handleChecked}
      handleAddToComplete={handleAddToComplete}
      handleAddToActive={handleAddToActive}
      handleEditTodo={handleEditTodo}
    />
  ))
)}